<template>
  <div class="app-container">
    <div>
      <div :class="flagBC === '0' ? '' : flagBC === '1' ? 'susses' : 'error'" style="width: 250px; height: 25px; border: 1px solid black">
        {{ scanMessage }}
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
import { ElMessage } from 'element-plus'
import service from '@/utils/request'
import { debounce } from 'lodash'
import { onMounted, watch } from 'vue'
import LoginWork from '@/utils/LoginWork'
import type { formListType } from '@/components/Find/index.vue'
import { AcquisitionModel, selectList } from '@/plugins/mixin'
import fileRequest from '@/utils/fileRequest'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'scanMessage'
})
</script>
<script setup lang="ts">
const flagBC = ref('0')
const scanMessage = ref('')
</script>
<style lang="less" scoped>
.susses {
  background-color: green;
  text-align: center;
  line-height: 25px;
  font-size: 20px;
}
.error {
  background-color: red;
  font-size: 20px;
  text-align: center;
}
</style>
